import React, {Component} from 'react';
import Circle from './lib/Circle';

require('./css/frame.css');

export default class P2 extends Component {

  render() {
    return (
      <div id="page">
        <div className="content" id="box2">
          <h4 className="title">供电方案-前部蓄电池</h4>
          <p className='infodiv'>前部蓄电池的供电方案如下图示，<br></br>滑动鼠标，查看各元件的详细介绍吧。</p>

          <img src={require('./img/2.jpg')} style={{position: 'absolute',top: 100,left:10}}/>
          <Circle style={{left: '150', top: '390'}} data='发电机<br> 110A, 140A 或 180A'/>
          <Circle style={{left: '388', top: '320'}} data='保险丝支架<br>  SA,SB'/>
          <Circle style={{left: '624', top: '290'}} data='保险丝支架<br>  SC'/>
          <Circle style={{left: '806', top: '371'}} data='J367<br> 12V 蓄电池 69Ah'/>

          <ul>
            <li>维修注意事项：</li>
            <li>更换蓄电池后需匹配。</li>
            <li>充电时负极线必须连在车身搭铁上。</li>
          </ul>

        </div>
      </div>
    );
  }
}


